﻿<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
    <title>Remote Management Agent</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />
    @Styles.Render("~/Content/bootstrap")
    @Styles.Render("~/Content/metro-ui/css/metro")
    @Styles.Render("~/Content/flot-ui/css")
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")
</head>
<body class="metro" data-ng-app="main" data-ng-controller="RootController">

    <div class="container">
        <header class="margin20 nrm nlm">
            <div>
                <img src="@Url.Content("~/Images/logo.png")" class="span2 nlm"/>
            </div>
            <div class="clearfix">
                <h1 class="place-left on-right-more text-bold">MSDIS : Remote Management Agent</h1>
            </div>
        </header>
        <div class="grid fluid">
            <div class="row">
                <div class="span3">
                    <nav class="sidebar light">
                        <ul>
                            <li class="title bg-grayLighter fg-darkBlue"><b>General</b></li>
                            <li data-ng-class="{active : activeViewPath==='/home'}"><a href="#/home"><i class="icon-dashboard"></i>Dashboard</a></li>
                            <li data-ng-class="{active : activeViewPath==='/statistics'}"><a href="#/statistics"><i class="icon-stats"></i>Statistics</a></li>
                        </ul>
                    </nav>
                    <nav style="margin-top:20px" />
                    <nav class="sidebar light">
                        <ul>
                            <li class="title bg-grayLighter fg-darkBlue"><b>Administration</b></li>
                            <li data-ng-class="{active : activeViewPath==='/remote'}"><a href="#/remote"><i class="icon-grid-view"></i>Remote Services</a></li>
                            <li data-ng-class="{active : activeViewPath==='/endpoint'}"><a href="#/endpoint"><i class="icon-broadcast"></i>Network Endpoints</a></li>
                            <li data-ng-class="{active : activeViewPath==='/fusion'}"><a href="#/fusion"><i class="icon-yelp"></i>Data Fusion</a></li>
                            <li data-ng-class="{active : activeViewPath==='/security'}"><a href="#/security"><i class="icon-locked-2"></i>Data Security</a></li>
                        </ul>
                    </nav>
                </div>
                <div class="span9">
                    @RenderBody()
                </div>
            </div>
        </div>
    </div>
    
    @Scripts.Render("~/bundles/jquery")
    @Scripts.Render("~/bundles/angular")
    @Scripts.Render("~/bundles/angular-ui");
    @Scripts.Render("~/bundles/metro-ui")
    @Scripts.Render("~/bundles/flot")
    @Scripts.Render("~/bundles/app")
    @RenderSection("scripts", required: false)

    <script>
        $(document).ready(function () {
            $('a.tree-toggler').click(function () {
                $(this).parent().children('ul.tree').toggle(300);
            });
        });
    </script>
    
</body>
</html>
